<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>{block name="title"}{$title|default=''}{if !empty($title)} · {/if}{:sysconf('site_name')}{/block}</title>
    <meta name="renderer" content="webkit">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <link rel="stylesheet" href="__ROOT__/static/theme/css/iconfont.css?at={:date('md')}">
    <link rel="stylesheet" href="__ROOT__/static/plugs/layui/css/layui.css?v={:date('ymd')}">
    <style> ::-webkit-input-placeholder {
        color: #aaa
    }

    ::-webkit-scrollbar {
        width: 3px;
        height: 3px
    }

    ::-webkit-scrollbar-track {
        background: #ccc
    }

    ::-webkit-scrollbar-thumb {
        background-color: #666
    }

    ::selection {
        background-color: #ec494e;
        color: #fff
    }

    ::-moz-selection {
        background-color: #ec494e;
        color: #fff
    }

    :-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
        -webkit-text-fill-color: #333
    }

    ul li {
        width: 20%;
        height: 65px;
        display: block;
        float: left;
        margin-right: -1px;
        margin-left: -2px;
        margin-bottom: -2px;
        cursor: pointer;
        font-size: 14px;
        overflow: hidden;
        text-align: center;
        padding: 15px 0 10px 0;
        border: 1px solid #e2e2e2;
        background-color: #efefef;
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        transition: all .2s linear;
        -o-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear
    }

    ul li:hover {
        color: #fff;
        background-color: #563d7c
    }

    ul li:hover i, ul li:hover div {
        color: #fff;
    }

    ul li i {
        color: #333;
        display: inline-block;
        font-size: 30px !important
    }

    ul li div {
        color: #333;
        height: 35px;
        font-size: 13px;
        line-height: 35px;
        white-space: nowrap
    } </style>
</head>
<body>

<ul>
    <li>
        <i class="layui-icon layui-icon-heart-fill"></i>
        <div class="icon-title">layui-icon-heart-fill</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-heart"></i>
        <div class="icon-title">layui-icon-heart</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-light"></i>
        <div class="icon-title">layui-icon-light</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-time"></i>
        <div class="icon-title">layui-icon-time</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-bluetooth"></i>
        <div class="icon-title">layui-icon-bluetooth</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-at"></i>
        <div class="icon-title">layui-icon-at</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-mute"></i>
        <div class="icon-title">layui-icon-mute</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-mike"></i>
        <div class="icon-title">layui-icon-mike</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-key"></i>
        <div class="icon-title">layui-icon-key</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-gift"></i>
        <div class="icon-title">layui-icon-gift</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-email"></i>
        <div class="icon-title">layui-icon-email</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-rss"></i>
        <div class="icon-title">layui-icon-rss</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-wifi"></i>
        <div class="icon-title">layui-icon-wifi</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-logout"></i>
        <div class="icon-title">layui-icon-logout</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-android"></i>
        <div class="icon-title">layui-icon-android</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-ios"></i>
        <div class="icon-title">layui-icon-ios</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-windows"></i>
        <div class="icon-title">layui-icon-windows</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-transfer"></i>
        <div class="icon-title">layui-icon-transfer</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-service"></i>
        <div class="icon-title">layui-icon-service</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-subtraction"></i>
        <div class="icon-title">layui-icon-subtraction</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-addition"></i>
        <div class="icon-title">layui-icon-addition</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-slider"></i>
        <div class="icon-title">layui-icon-slider</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-print"></i>
        <div class="icon-title">layui-icon-print</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-export"></i>
        <div class="icon-title">layui-icon-export</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-cols"></i>
        <div class="icon-title">layui-icon-cols</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-screen-restore"></i>
        <div class="icon-title">layui-icon-screen-restore</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-screen-full"></i>
        <div class="icon-title">layui-icon-screen-full</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-rate-half"></i>
        <div class="icon-title">layui-icon-rate-half</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-rate"></i>
        <div class="icon-title">layui-icon-rate</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-rate-solid"></i>
        <div class="icon-title">layui-icon-rate-solid</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-cellphone"></i>
        <div class="icon-title">layui-icon-cellphone</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-vercode"></i>
        <div class="icon-title">layui-icon-vercode</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-login-wechat"></i>
        <div class="icon-title">layui-icon-login-wechat</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-login-qq"></i>
        <div class="icon-title">layui-icon-login-qq</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-login-weibo"></i>
        <div class="icon-title">layui-icon-login-weibo</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-password"></i>
        <div class="icon-title">layui-icon-password</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-username"></i>
        <div class="icon-title">layui-icon-username</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-refresh-3"></i>
        <div class="icon-title">layui-icon-refresh-3</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-auz"></i>
        <div class="icon-title">layui-icon-auz</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-spread-left"></i>
        <div class="icon-title">layui-icon-spread-left</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-shrink-right"></i>
        <div class="icon-title">layui-icon-shrink-right</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-snowflake"></i>
        <div class="icon-title">layui-icon-snowflake</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-tips"></i>
        <div class="icon-title">layui-icon-tips</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-note"></i>
        <div class="icon-title">layui-icon-note</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-home"></i>
        <div class="icon-title">layui-icon-home</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-senior"></i>
        <div class="icon-title">layui-icon-senior</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-refresh"></i>
        <div class="icon-title">layui-icon-refresh</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-refresh-1"></i>
        <div class="icon-title">layui-icon-refresh-1</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-flag"></i>
        <div class="icon-title">layui-icon-flag</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-theme"></i>
        <div class="icon-title">layui-icon-theme</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-notice"></i>
        <div class="icon-title">layui-icon-notice</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-website"></i>
        <div class="icon-title">layui-icon-website</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-console"></i>
        <div class="icon-title">layui-icon-console</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-face-surprised"></i>
        <div class="icon-title">layui-icon-face-surprised</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-set"></i>
        <div class="icon-title">layui-icon-set</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-template-1"></i>
        <div class="icon-title">layui-icon-template-1</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-app"></i>
        <div class="icon-title">layui-icon-app</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-template"></i>
        <div class="icon-title">layui-icon-template</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-praise"></i>
        <div class="icon-title">layui-icon-praise</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-tread"></i>
        <div class="icon-title">layui-icon-tread</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-male"></i>
        <div class="icon-title">layui-icon-male</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-female"></i>
        <div class="icon-title">layui-icon-female</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-camera"></i>
        <div class="icon-title">layui-icon-camera</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-camera-fill"></i>
        <div class="icon-title">layui-icon-camera-fill</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-more"></i>
        <div class="icon-title">layui-icon-more</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-more-vertical"></i>
        <div class="icon-title">layui-icon-more-vertical</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-rmb"></i>
        <div class="icon-title">layui-icon-rmb</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-dollar"></i>
        <div class="icon-title">layui-icon-dollar</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-diamond"></i>
        <div class="icon-title">layui-icon-diamond</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-fire"></i>
        <div class="icon-title">layui-icon-fire</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-return"></i>
        <div class="icon-title">layui-icon-return</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-location"></i>
        <div class="icon-title">layui-icon-location</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-read"></i>
        <div class="icon-title">layui-icon-read</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-survey"></i>
        <div class="icon-title">layui-icon-survey</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-face-smile"></i>
        <div class="icon-title">layui-icon-face-smile</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-face-cry"></i>
        <div class="icon-title">layui-icon-face-cry</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-cart-simple"></i>
        <div class="icon-title">layui-icon-cart-simple</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-cart"></i>
        <div class="icon-title">layui-icon-cart</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-next"></i>
        <div class="icon-title">layui-icon-next</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-prev"></i>
        <div class="icon-title">layui-icon-prev</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-upload-drag"></i>
        <div class="icon-title">layui-icon-upload-drag</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-upload"></i>
        <div class="icon-title">layui-icon-upload</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-download-circle"></i>
        <div class="icon-title">layui-icon-download-circle</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-component"></i>
        <div class="icon-title">layui-icon-component</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-file-b"></i>
        <div class="icon-title">layui-icon-file-b</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-user"></i>
        <div class="icon-title">layui-icon-user</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-find-fill"></i>
        <div class="icon-title">layui-icon-find-fill</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-loading layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i>
        <div class="icon-title">layui-icon-loading</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-loading-1 layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i>
        <div class="icon-title">layui-icon-loading-1</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-add-1"></i>
        <div class="icon-title">layui-icon-add-1</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-play"></i>
        <div class="icon-title">layui-icon-play</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-pause"></i>
        <div class="icon-title">layui-icon-pause</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-headset"></i>
        <div class="icon-title">layui-icon-headset</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-video"></i>
        <div class="icon-title">layui-icon-video</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-voice"></i>
        <div class="icon-title">layui-icon-voice</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-speaker"></i>
        <div class="icon-title">layui-icon-speaker</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-fonts-del"></i>
        <div class="icon-title">layui-icon-fonts-del</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-fonts-code"></i>
        <div class="icon-title">layui-icon-fonts-code</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-fonts-html"></i>
        <div class="icon-title">layui-icon-fonts-html</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-fonts-strong"></i>
        <div class="icon-title">layui-icon-fonts-strong</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-unlink"></i>
        <div class="icon-title">layui-icon-unlink</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-picture"></i>
        <div class="icon-title">layui-icon-picture</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-link"></i>
        <div class="icon-title">layui-icon-link</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-face-smile-b"></i>
        <div class="icon-title">layui-icon-face-smile-b</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-align-left"></i>
        <div class="icon-title">layui-icon-align-left</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-align-right"></i>
        <div class="icon-title">layui-icon-align-right</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-align-center"></i>
        <div class="icon-title">layui-icon-align-center</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-fonts-u"></i>
        <div class="icon-title">layui-icon-fonts-u</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-fonts-i"></i>
        <div class="icon-title">layui-icon-fonts-i</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-tabs"></i>
        <div class="icon-title">layui-icon-tabs</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-radio"></i>
        <div class="icon-title">layui-icon-radio</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-circle"></i>
        <div class="icon-title">layui-icon-circle</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-edit"></i>
        <div class="icon-title">layui-icon-edit</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-share"></i>
        <div class="icon-title">layui-icon-share</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-delete"></i>
        <div class="icon-title">layui-icon-delete</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-form"></i>
        <div class="icon-title">layui-icon-form</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-cellphone-fine"></i>
        <div class="icon-title">layui-icon-cellphone-fine</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-dialogue"></i>
        <div class="icon-title">layui-icon-dialogue</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-fonts-clear"></i>
        <div class="icon-title">layui-icon-fonts-clear</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-layer"></i>
        <div class="icon-title">layui-icon-layer</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-date"></i>
        <div class="icon-title">layui-icon-date</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-water"></i>
        <div class="icon-title">layui-icon-water</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-code-circle"></i>
        <div class="icon-title">layui-icon-code-circle</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-carousel"></i>
        <div class="icon-title">layui-icon-carousel</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-prev-circle"></i>
        <div class="icon-title">layui-icon-prev-circle</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-layouts"></i>
        <div class="icon-title">layui-icon-layouts</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-util"></i>
        <div class="icon-title">layui-icon-util</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-templeate-1"></i>
        <div class="icon-title">layui-icon-templeate-1</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-upload-circle"></i>
        <div class="icon-title">layui-icon-upload-circle</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-tree"></i>
        <div class="icon-title">layui-icon-tree</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-table"></i>
        <div class="icon-title">layui-icon-table</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-chart"></i>
        <div class="icon-title">layui-icon-chart</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-chart-screen"></i>
        <div class="icon-title">layui-icon-chart-screen</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-engine"></i>
        <div class="icon-title">layui-icon-engine</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-triangle-d"></i>
        <div class="icon-title">layui-icon-triangle-d</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-triangle-r"></i>
        <div class="icon-title">layui-icon-triangle-r</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-file"></i>
        <div class="icon-title">layui-icon-file</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-set-sm"></i>
        <div class="icon-title">layui-icon-set-sm</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-reduce-circle"></i>
        <div class="icon-title">layui-icon-reduce-circle</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-add-circle"></i>
        <div class="icon-title">layui-icon-add-circle</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-404"></i>
        <div class="icon-title">layui-icon-404</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-about"></i>
        <div class="icon-title">layui-icon-about</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-up"></i>
        <div class="icon-title">layui-icon-up</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-down"></i>
        <div class="icon-title">layui-icon-down</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-left"></i>
        <div class="icon-title">layui-icon-left</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-right"></i>
        <div class="icon-title">layui-icon-right</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-circle-dot"></i>
        <div class="icon-title">layui-icon-circle-dot</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-search"></i>
        <div class="icon-title">layui-icon-search</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-set-fill"></i>
        <div class="icon-title">layui-icon-set-fill</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-group"></i>
        <div class="icon-title">layui-icon-group</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-friends"></i>
        <div class="icon-title">layui-icon-friends</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-reply-fill"></i>
        <div class="icon-title">layui-icon-reply-fill</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-menu-fill"></i>
        <div class="icon-title">layui-icon-menu-fill</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-log"></i>
        <div class="icon-title">layui-icon-log</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-picture-fine"></i>
        <div class="icon-title">layui-icon-picture-fine</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-face-smile-fine"></i>
        <div class="icon-title">layui-icon-face-smile-fine</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-list"></i>
        <div class="icon-title">layui-icon-list</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-release"></i>
        <div class="icon-title">layui-icon-release</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-ok"></i>
        <div class="icon-title">layui-icon-ok</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-help"></i>
        <div class="icon-title">layui-icon-help</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-chat"></i>
        <div class="icon-title">layui-icon-chat</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-top"></i>
        <div class="icon-title">layui-icon-top</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-star"></i>
        <div class="icon-title">layui-icon-star</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-star-fill"></i>
        <div class="icon-title">layui-icon-star-fill</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-close-fill"></i>
        <div class="icon-title">layui-icon-close-fill</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-close"></i>
        <div class="icon-title">layui-icon-close</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-ok-circle"></i>
        <div class="icon-title">layui-icon-ok-circle</div>
    </li>
    <li>
        <i class="layui-icon layui-icon-add-circle-fine"></i>
        <div class="icon-title">layui-icon-add-circle-fine</div>
    </li>
</ul>
<ul>
    <li>
        <i class="iconfont iconfont-shoplight"></i>
        <div class="icon-title">iconfont-shoplight</div>
    </li>
    <li>
        <i class="iconfont iconfont-wxapp"></i>
        <div class="icon-title">iconfont-wxapp</div>
    </li>
    <li>
        <i class="iconfont iconfont-yinliang"></i>
        <div class="code-name">iconfont-yinliang</div>
    </li>
    <li>
        <i class="iconfont iconfont-pick"></i>
        <div class="icon-title">iconfont-pick</div>
    </li>
    <li>
        <i class="iconfont iconfont-camerarotate"></i>
        <div class="icon-title">iconfont-camerarotate</div>
    </li>
    <li>
        <i class="iconfont iconfont-phone_light"></i>
        <div class="icon-title">iconfont-phone_light</div>
    </li>
    <li>
        <i class="iconfont iconfont-light"></i>
        <div class="icon-title">iconfont-light</div>
    </li>
    <li>
        <i class="iconfont iconfont-barcode"></i>
        <div class="icon-title">iconfont-barcode</div>
    </li>
    <li>
        <i class="iconfont iconfont-change"></i>
        <div class="icon-title">iconfont-change</div>
    </li>
    <li>
        <i class="iconfont iconfont-searchlist"></i>
        <div class="icon-title">iconfont-searchlist</div>
    </li>
    <li>
        <i class="iconfont iconfont-down"></i>
        <div class="icon-title">iconfont-down</div>
    </li>
    <li>
        <i class="iconfont iconfont-countdown"></i>
        <div class="icon-title">iconfont-countdown</div>
    </li>
    <li>
        <i class="iconfont iconfont-notice"></i>
        <div class="icon-title">iconfont-notice</div>
    </li>
    <li>
        <i class="iconfont iconfont-upstage"></i>
        <div class="icon-title">iconfont-upstage</div>
    </li>
    <li>
        <i class="iconfont iconfont-brand"></i>
        <div class="icon-title">iconfont-brand</div>
    </li>
    <li>
        <i class="iconfont iconfont-choiceness"></i>
        <div class="icon-title">iconfont-choiceness</div>
    </li>
    <li>
        <i class="iconfont iconfont-warn_light"></i>
        <div class="icon-title">iconfont-warn_light</div>
    </li>
    <li>
        <i class="iconfont iconfont-creative"></i>
        <div class="icon-title">iconfont-creative</div>
    </li>
    <li>
        <i class="iconfont iconfont-new"></i>
        <div class="icon-title">iconfont-new</div>
    </li>
    <li>
        <i class="iconfont iconfont-cameraadd"></i>
        <div class="icon-title">iconfont-cameraadd</div>
    </li>
    <li>
        <i class="iconfont iconfont-at"></i>
        <div class="icon-title">iconfont-at</div>
    </li>
    <li>
        <i class="iconfont iconfont-mark"></i>
        <div class="icon-title">iconfont-mark</div>
    </li>
    <li>
        <i class="iconfont iconfont-file"></i>
        <div class="icon-title">iconfont-file</div>
    </li>
    <li>
        <i class="iconfont iconfont-community"></i>
        <div class="icon-title">iconfont-community</div>
    </li>
    <li>
        <i class="iconfont iconfont-calendar"></i>
        <div class="icon-title">iconfont-calendar</div>
    </li>
    <li>
        <i class="iconfont iconfont-cut"></i>
        <div class="icon-title">iconfont-cut</div>
    </li>
    <li>
        <i class="iconfont iconfont-tag"></i>
        <div class="icon-title">iconfont-tag</div>
    </li>
    <li>
        <i class="iconfont iconfont-group"></i>
        <div class="icon-title">iconfont-group</div>
    </li>
    <li>
        <i class="iconfont iconfont-all"></i>
        <div class="icon-title">iconfont-all</div>
    </li>
    <li>
        <i class="iconfont iconfont-hot"></i>
        <div class="icon-title">iconfont-hot</div>
    </li>
    <li>
        <i class="iconfont iconfont-upload"></i>
        <div class="icon-title">iconfont-upload</div>
    </li>
    <li>
        <i class="iconfont iconfont-safe"></i>
        <div class="icon-title">iconfont-safe</div>
    </li>
    <li>
        <i class="iconfont iconfont-sponsor"></i>
        <div class="icon-title">iconfont-sponsor</div>
    </li>
    <li>
        <i class="iconfont iconfont-goodsfavor"></i>
        <div class="icon-title">iconfont-goodsfavor</div>
    </li>
    <li>
        <i class="iconfont iconfont-musicfill"></i>
        <div class="icon-title">iconfont-musicfill</div>
    </li>
    <li>
        <i class="iconfont iconfont-emojilight"></i>
        <div class="icon-title">iconfont-emojilight</div>
    </li>
    <li>
        <i class="iconfont iconfont-appreciate"></i>
        <div class="icon-title">iconfont-appreciate</div>
    </li>
    <li>
        <i class="iconfont iconfont-edit"></i>
        <div class="icon-title">iconfont-edit</div>
    </li>
    <li>
        <i class="iconfont iconfont-favor"></i>
        <div class="icon-title">iconfont-favor</div>
    </li>
    <li>
        <i class="iconfont iconfont-phone"></i>
        <div class="icon-title">iconfont-phone</div>
    </li>
    <li>
        <i class="iconfont iconfont-circle"></i>
        <div class="icon-title">iconfont-circle</div>
    </li>
    <li>
        <i class="iconfont iconfont-taxi"></i>
        <div class="icon-title">iconfont-taxi</div>
    </li>
    <li>
        <i class="iconfont iconfont-time"></i>
        <div class="icon-title">iconfont-time</div>
    </li>
    <li>
        <i class="iconfont iconfont-mail"></i>
        <div class="icon-title">iconfont-mail</div>
    </li>
    <li>
        <i class="iconfont iconfont-warn"></i>
        <div class="icon-title">iconfont-warn</div>
    </li>
    <li>
        <i class="iconfont iconfont-camera"></i>
        <div class="icon-title">iconfont-camera</div>
    </li>
    <li>
        <i class="iconfont iconfont-comment"></i>
        <div class="icon-title">iconfont-comment</div>
    </li>
    <li>
        <i class="iconfont iconfont-medal"></i>
        <div class="icon-title">iconfont-medal</div>
    </li>
    <li>
        <i class="iconfont iconfont-like"></i>
        <div class="icon-title">iconfont-like</div>
    </li>
    <li>
        <i class="iconfont iconfont-notification"></i>
        <div class="icon-title">iconfont-notification</div>
    </li>
    <li>
        <i class="iconfont iconfont-news"></i>
        <div class="icon-title">iconfont-news</div>
    </li>
    <li>
        <i class="iconfont iconfont-ask"></i>
        <div class="icon-title">iconfont-ask</div>
    </li>
    <li>
        <i class="iconfont iconfont-evaluate"></i>
        <div class="icon-title">iconfont-evaluate</div>
    </li>
    <li>
        <i class="iconfont iconfont-wang"></i>
        <div class="icon-title">iconfont-wang</div>
    </li>
    <li>
        <i class="iconfont iconfont-moneybag"></i>
        <div class="icon-title">iconfont-moneybag</div>
    </li>
    <li>
        <i class="iconfont iconfont-cascades"></i>
        <div class="icon-title">iconfont-cascades</div>
    </li>
    <li>
        <i class="iconfont iconfont-discover"></i>
        <div class="icon-title">iconfont-discover</div>
    </li>
    <li>
        <i class="iconfont iconfont-subscription"></i>
        <div class="icon-title">iconfont-subscription</div>
    </li>
    <li>
        <i class="iconfont iconfont-list"></i>
        <div class="icon-title">iconfont-list</div>
    </li>
    <li>
        <i class="iconfont iconfont-scan"></i>
        <div class="icon-title">iconfont-scan</div>
    </li>
    <li>
        <i class="iconfont iconfont-community_light"></i>
        <div class="icon-title">iconfont-community_light</div>
    </li>
    <li>
        <i class="iconfont iconfont-question"></i>
        <div class="icon-title">iconfont-question</div>
    </li>
    <li>
        <i class="iconfont iconfont-pic"></i>
        <div class="icon-title">iconfont-pic</div>
    </li>
    <li>
        <i class="iconfont iconfont-we_fill_light"></i>
        <div class="icon-title">iconfont-we_fill_light</div>
    </li>
    <li>
        <i class="iconfont iconfont-skin_light"></i>
        <div class="icon-title">iconfont-skin_light</div>
    </li>
    <li>
        <i class="iconfont iconfont-refund"></i>
        <div class="icon-title">iconfont-refund</div>
    </li>
    <li>
        <i class="iconfont iconfont-cart"></i>
        <div class="icon-title">iconfont-cart</div>
    </li>
    <li>
        <i class="iconfont iconfont-qrcode"></i>
        <div class="icon-title">iconfont-qrcode</div>
    </li>
    <li>
        <i class="iconfont iconfont-remind"></i>
        <div class="icon-title">iconfont-remind</div>
    </li>
    <li>
        <i class="iconfont iconfont-hot_light"></i>
        <div class="icon-title">iconfont-hot_light</div>
    </li>
    <li>
        <i class="iconfont iconfont-profile"></i>
        <div class="icon-title">iconfont-profile</div>
    </li>
    <li>
        <i class="iconfont iconfont-comment_light"></i>
        <div class="icon-title">iconfont-comment_light</div>
    </li>
    <li>
        <i class="iconfont iconfont-appreciate_light"></i>
        <div class="icon-title">iconfont-appreciate_light</div>
    </li>
    <li>
        <i class="iconfont iconfont-message"></i>
        <div class="icon-title">iconfont-message</div>
    </li>
    <li>
        <i class="iconfont iconfont-wang_light"></i>
        <div class="icon-title">iconfont-wang_light</div>
    </li>
    <li>
        <i class="iconfont iconfont-vip"></i>
        <div class="icon-title">iconfont-vip</div>
    </li>
    <li>
        <i class="iconfont iconfont-weibo"></i>
        <div class="icon-title">iconfont-weibo</div>
    </li>
    <li>
        <i class="iconfont iconfont-goods_favor_light"></i>
        <div class="icon-title">iconfont-goods_favor_light</div>
    </li>
    <li>
        <i class="iconfont iconfont-activity"></i>
        <div class="icon-title">iconfont-activity</div>
    </li>
    <li>
        <i class="iconfont iconfont-goods_new_light"></i>
        <div class="icon-title">iconfont-goods_new_light</div>
    </li>
    <li>
        <i class="iconfont iconfont-goods_light"></i>
        <div class="icon-title">iconfont-goods_light</div>
    </li>
    <li>
        <i class="iconfont iconfont-medal_light"></i>
        <div class="icon-title">iconfont-medal_light</div>
    </li>
    <li>
        <i class="iconfont iconfont-news_light"></i>
        <div class="icon-title">iconfont-news_light</div>
    </li>
    <li>
        <i class="iconfont iconfont-explore"></i>
        <div class="icon-title">iconfont-explore</div>
    </li>
    <li>
        <i class="iconfont iconfont-present"></i>
        <div class="icon-title">iconfont-present</div>
    </li>
    <li>
        <i class="iconfont iconfont-global_light"></i>
        <div class="icon-title">iconfont-global_light</div>
    </li>
    <li>
        <i class="iconfont iconfont-game"></i>
        <div class="icon-title">iconfont-game</div>
    </li>
    <li>
        <i class="iconfont iconfont-redpacket"></i>
        <div class="icon-title">iconfont-redpacket</div>
    </li>
    <li>
        <i class="iconfont iconfont-similar"></i>
        <div class="icon-title">iconfont-similar</div>
    </li>
    <li>
        <i class="iconfont iconfont-location"></i>
        <div class="icon-title">iconfont-location</div>
    </li>
    <li>
        <i class="iconfont iconfont-recharge"></i>
        <div class="icon-title">iconfont-recharge</div>
    </li>
    <li>
        <i class="iconfont iconfont-vipcard"></i>
        <div class="icon-title">iconfont-vipcard</div>
    </li>
    <li>
        <i class="iconfont iconfont-voice"></i>
        <div class="icon-title">iconfont-voice</div>
    </li>
    <li>
        <i class="iconfont iconfont-voicefill"></i>
        <div class="icon-title">iconfont-voicefill</div>
    </li>
    <li>
        <i class="iconfont iconfont-wifi"></i>
        <div class="icon-title">iconfont-wifi</div>
    </li>
    <li>
        <i class="iconfont iconfont-wefill"></i>
        <div class="icon-title">iconfont-wefill</div>
    </li>
    <li>
        <i class="iconfont iconfont-we"></i>
        <div class="icon-title">iconfont-we</div>
    </li>
</ul>

<script src="__ROOT__/static/plugs/jquery/jquery.min.js" type="text/javascript"></script>
<script>
    $(function () {
        $('li').on('click', function (className) {
            if ((className = $(this).find('i').get(0).className)) {
                top.$('[name="{$field}"]').val(className).trigger('change');
                top.layer.close(top.layer.getFrameIndex(window.name));
            }
        });
    });
</script>
</body>
</html>